<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc"%>
<%@ include file="/WEB-INF/inc/script.inc"%>
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="${base}">
<title>中金通 | 平台汇总</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">

<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.responsive.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.tableTools.min.css"
	rel="stylesheet">

<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">

</head>
<body>
	<div id="wrapper">
		<!-- 左侧菜单 -->
		<jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom">
				<!-- 头部工具栏区 -->
				<jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>数据统计</h2>
					<ol class="breadcrumb">
						<li><a href="common/platform">Home</a></li>
						<li><a>数据汇总</a></li>
						<li class="active"><strong>理财师数据汇总</strong></li>
					</ol>
				</div>
				<div class="col-lg-2"></div>
			</div>

			<div class="row" style="margin-top: 10px;">
				<div class="col-md-12">
					<div class="tabs-container">
						<ul class="nav nav-tabs">
							<li><a href="platSum/dataSum">数据汇总</a></li>
							<li><a href="platSum/groupDataSum">团队数据汇总</a></li>
							<li class="active"><a href="platSum/employeeDataSum">理财师数据汇总</a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active">
								<div class="panel-body">
									<div
										class="wrapper wrapper-content animated fadeInRight ecommerce">

										 <div class="ibox-content m-b-sm border-bottom" style="display:none">
											<div class="row">
												<div class="col-sm-4">
													<div class="form-group">
														<label class="control-label" for="date_added">日期</label>
														<div class="input-group date">
															<span class="input-group-addon"><i
																class="fa fa-calendar"></i></span><input id="date_added"
																type="text" name="startTime" class="form-control"
																data-date-format="yyyy-mm-dd">
														</div>
													</div>
												</div>

												<div class="col-sm-4">
													<div class="form-group">
														<label class="control-label" for="date_modified">至</label>
														<div class="input-group date">
															<span class="input-group-addon">至 <i
																class="fa fa-calendar"></i></span><input id="date_modified"
																type="text" name="endTime" class="form-control"
																data-date-format="yyyy-mm-dd">
														</div>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="form-group">
													<div class="col-sm-4">
														<button type="button" id="btn_confirm_allot_employee"
															class="btn btn-primary">查询</button>
													</div>
												</div>
											</div>
										</div> 
										<div class="row">
						                <div class="col-lg-12">
						                    <div ><!-- class="ibox float-e-margins" -->
						                        <div ><!-- class="ibox-content" -->
						                            <table id="modelEditable" class="table table-striped table-bordered table-hover dataTable no-footer">
						                                <thead>
						                                <tr>
						                                    <th>理财师</th>
						                                    <th>成交订单数</th>
						                                    <th>销售额</th>
						                                    <th>投资人数</th>
						                                    <th>预约数</th>
						                                </tr>
						                                </thead>
						                                <tbody>
							                                <c:forEach items="${employeeDataSum}" var="dataSum" varStatus="status">
											       			    <tr>
							                                		<td>${dataSum.name}</td>
							                                		<td>${dataSum.turnCount}</td>
							                                		<td><fmt:formatNumber type="number" value="${dataSum.saleAmount/10000}" maxFractionDigits="0"/>万</td>
							                                		<td>${dataSum.investorCount}</td>
							                                		<td>${dataSum.appointmentCount}</td>
						                                		</tr>
															</c:forEach>
						                                </tbody>
						                            </table>
						
						                        </div>
						                    </div>
						                </div>
						            </div>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>

			<!-- 底部版权 -->
			<jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>

		</div>
	</div>

	<!-- Mainly scripts -->
	<script src="js/jquery-2.1.1.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
	<!-- Custom and plugin javascript -->
	<script src="js/inspinia.js"></script>
	<script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
	<!-- Data picker -->
	<script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

	<!-- Data Tables -->
	<script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
	<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
	<script src="js/plugins/dataTables/dataTables.responsive.js"></script>
	<script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>

	<!-- 业务js -->
	
	
	<!-- eCharts -->
	<script src="js/echart/echarts-y.js"></script>
	<script src="js/echarts-all.js"></script>
	
	
    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function() {
        	//queryData();
        });

    </script>
</body>
</html>